import { defineStore } from 'pinia'
import { computed, ref } from 'vue'

// export const useCountStore = defineStore('count', {
//   actions: {
//     increment(val: number) {
//       if (this.sum < 10) {
//         this.sum += val
//       }
//     },
//     decrement(val: number) {
//       this.sum -= val
//     },
//   },
//   state: () => {
//     return {
//       sum: 6,
//     }
//   },
//   getters: {
//     bigSum(): number {
//       return this.sum * 10
//     },
//   },
// })
export const useCountStore = defineStore('count', () => {
  const sum = ref(6)
  const increment = (val: number) => {
    if (sum.value < 10) {
      sum.value += val
    }
  }
  const decrement = (val: number) => {
    sum.value -= val
  }
  const bigSum = computed(() => sum.value * 10)
  return { sum, increment, decrement, bigSum }
})
